<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>链接外部样式文件</title>
        <!-- 通过 link 元素链接外部样式文件 -->
        <link rel="stylesheet" href="outer.css">
    </head>
    <body>

        <div>使用 link 元素可以链接外部样式文件 </div>

        <p> 通过 link 元素的 rel 属性(attribute) 指定链接内容的类型，比如 stylesheet 表示层叠样式表 </p>

        <div> 通过 link 元素的 href 属性(attribute) 指定 外部样式文件(CSS文件) 的 路径名称 </div>

        <p> 通常将 link 元素放在 head 区域 </p>
        
    </body>
</html>